import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { AComponent } from './components/a/a.component';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { DemoComponent } from './components/demo/demo.component';
import { NotFoundComponent } from './components/not-found/not-found.component';
import { BComponent } from './components/b/b.component';
import { HighLightDirective } from './directives/high-light.directive';
import { HelloWorldDirective } from './directives/hello-world.directive';
import { ShowListDirective } from './directives/show-list.directive';
import { MyForDirective } from './directives/my-for.directive';
import { MyForOfDirective } from './directives/my-for-of.directive';
import { DialogComponent } from './dialog/dialog.component';

@NgModule({
  declarations: [
    AppComponent,
    AComponent,
    DemoComponent,
    NotFoundComponent,
    BComponent,
    HighLightDirective,
    HelloWorldDirective,
    ShowListDirective,
    MyForDirective,
    MyForOfDirective,
    DialogComponent
  ],
  imports: [
    FormsModule,
    BrowserModule,
    AppRoutingModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }